<!-- Importamos los metodos js del abm de turnos -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/funciones_turnos.js"></script>

<!-- Importamos la libreria jquery numeric -->
<script type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery.numeric.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#nombre").focus();
		
		//Especificamos los campos que tienen restricciones en los valores de entrada
		$('#cantidadDeDias').numeric();
		$('#cantidadDePeriodos').numeric();
	});
</script>

<div class="breadcrumbs" id="breadcrumbs">
	<script type="text/javascript">
		try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	</script>

	<!-- Informacion de las secciones abiertas -->
	<ul class="breadcrumb">
		<li>
			<i class="icon-home home-icon"></i>
			<a href="<?php echo(site_url("inicio")); ?>">Inicio</a>
		</li>
		
		<li>
			<a href="<?php echo(site_url("turno/consultar")); ?>">Turnos</a>
		</li>
		
		<li class="active">			
			<a href="<?php echo(current_url()); ?>">Modificar</a>
		</li>
	</ul><!-- .breadcrumb -->
	<!-- Fin Informacion de las secciones abiertas -->
</div>

<!-- Seccion de contenido -->
<div class="page-content">
	<div class="page-header">
		<h1>
			Turnos
			<small>
				<i class="icon-double-angle-right"></i>
				Modificar
			</small>
		</h1>
	</div><!-- /.page-header -->
	
	<!-- start: Botonera chica -->
	<div class="row-fluid">
								
		<a onclick="modificarTurno()" href="#" class="btn btn-app btn-primary btn-sm no-radius">
			<i class="icon-save"></i>
			Guardar			
		</a>
		
		<?php if($idTurnoAnt != 0) { ?>
		<a href="<?php echo site_url("turno/abrirPantallaModificar/".$idTurnoAnt) ?>" class="btn btn-success btn-app btn-sm no-radius">
			<i class="icon-chevron-left"></i>
			Anterior
		</a>
		<?php } else { ?>
		<a class="btn btn-default btn-app btn-sm no-radius">
			<i class="icon-chevron-left"></i>
			Anterior				
		</a>
		<?php }  ?>	
		
		<?php if($idTurnoSig != 0) { ?>
		<a href="<?php echo site_url("turno/abrirPantallaModificar/".$idTurnoSig) ?>" class="btn btn-app btn-success btn-sm no-radius">
			<i class="icon-chevron-right"></i>
			Siguiente
		</a>
		<?php } else { ?>
		<a class="btn btn-default btn-app btn-sm no-radius">
			<i class="icon-chevron-right"></i>
			Siguiente
		</a>
		<?php }  ?>
	</div>
	<!-- end: Botonera chica -->
	
	<div class="hr hr-double hr-dotted hr18"></div>

	<div class="row">		
		<div class="col-xs-12 col-sm-8">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ingrese los datos marcados con (*)</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<form class="form-horizontal" role="form" action="<?php echo(site_url('turno/modificar/'.$turnoSel->row()->idTurno)); ?>" id="formTurno" method="post" target="iframeUpload">
							<div id="campoNombre" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="nombre"> Nombre: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="nombre" name="nombre" value="<?php echo($turnoSel->row()->nombre); ?>" placeholder="Ej: Turno Tarde" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoHoraInicio" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="timepicker1"> Hora Inicio: (*) </label>
																
								<div class="col-sm-7 input-group bootstrap-timepicker">
									<input id="timepicker1" name="timepicker1" value="<?php echo($turnoSel->row()->horaInicio); ?>" type="text" class="form-control" />
									<span class="input-group-addon">
										<i class="icon-time bigger-110"></i>
									</span>
								</div>
							</div>
							
							<div id="campoCantidadDeDias" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="cantidadDeDias"> Cantidad D&iacute;as: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="cantidadDeDias" name="cantidadDeDias" value="<?php echo($turnoSel->row()->cantidadDeDias); ?>" placeholder="Ej: 5" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoCantidadDePeriodos" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="cantidadDePeriodos"> Cantidad Per&iacute;odos: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="cantidadDePeriodos" name="cantidadDePeriodos" value="<?php echo($turnoSel->row()->cantidadDePeriodos); ?>" placeholder="Ej: 8" class="col-xs-12 col-sm-10" />
								</div>
							</div>
														
							<div id="campoDescripcion" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="descripcion"> Descripci&oacute;n: </label>

								<div class="col-sm-9">
									<textarea rows="10" class="col-xs-12 col-sm-10 autosize-transition paddingCinco" id="descripcion" name="descripcion" placeholder=""><?php echo($turnoSel->row()->descripcion); ?></textarea>
								</div>
							</div>	

							<div id="campoEstado" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="estado">Estado: (*)</label>
								<div class="col-sm-9">
									<select id="estado" name="estado" class="col-xs-12 col-sm-10" required>
										<?php
											if($turnoSel->row()->estado == 1){			
										?>			
											<option value="1" selected="selected">Activo</option>
											<option value="0">Inactivo</option>	
										<?php
											} else {					
										?>
											<option value="1">Activo</option>
											<option value="0" selected="selected">Inactivo</option>					
										<?php
											}
										?>
									</select>
								</div>
							</div>
							
							<div class="form-group">
								<div class="col-md-offset-3 col-md-9">
									<button class="btn btn-primary" type="button" onclick="modificarTurno()">
										<i class="icon-ok bigger-110"></i>
										Guardar
									</button>
								</div>
							</div>
							
							<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
						</form>
					</div>
				</div>
			</div>
		</div><!-- /span -->

		<div class="col-xs-12 col-sm-4">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ayuda R&aacute;pida</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<p class="alert alert-info">
							- Los campos marcados con (*) son obligatorios.
						</p>
						<p class="alert alert-info">
							- Hora Inicio: Representa la hora a la que se puede comenzar a dictar clases en la Instituci&oacute;n.
						</p>
						<p class="alert alert-info">
							- D&iacute;as: Representa la cantidad de d&iacute;as a la semana en la que se dicta clases a partir del lunes. Debe ser mayor que cero.
						</p>
						<p class="alert alert-info">
							- Per&iacute;odos: Representa la cantidad de m&oacute;dulos disponibles por d&iacute;a comenzando a partir de la hora de inicio. Debe ser mayor que cero.
						</p>
					</div>
				</div>
			</div>
		</div><!-- /span -->
	</div><!-- /.row -->
</div><!-- /.page-content -->

<script type="text/javascript">
	jQuery(function($) {
		$('#timepicker1').timepicker({
			minuteStep: 1,
			showSeconds: true,
			showMeridian: false
		}).next().on(ace.click_event, function(){
			$(this).prev().focus();
		});
	});
</script>